//创建一个路由器，并暴露出去

//第一步 引入createRouter
import { createRouter, createWebHistory,createWebHashHistory } from "vue-router"

//引入可能呈现的组件
import Home from "@/pages/Home.vue"
import About from "@/pages/About.vue"
import News from "@/pages/News.vue"
import Detail from "@/pages/Detail.vue"

//第二步：创建路由器
const router =createRouter({
    history:createWebHashHistory(),//路由器的工作模式
    routes:[//路由规则
        {
            path:'/home',
            component:Home
        },
        {
            
            path:'/about',
            component:About
        },
        {
            name:'news',
            path:'/news',
            component:News,
            children:[
                {
                    name:'yxx',
                    path:'detail/:id/:title/:content?',
                    // path:'detail',
                    component:Detail,

                    //第一种写法:将路由收到的所有params参数作为props传给路由组件
                    props:true

                    //第二种写法:可以自己决定将什么作为props给路由组件
                    // props(route){
                    //     return route.query
                    // }
                }
            ]

        },
        {
            path:'/',
            redirect:'/home'
        }
    ]
})

//暴露出去
export default router

